* {
  margin: 0;
  padding: 0;
  /* 隐藏浏览器默认的滚动条 */
  overflow: hidden;
  /* 显示自定义滚动条 */
  overflow-y: auto;

  &::-webkit-scrollbar {
    /* 设置滚动条宽度和高度 */
    width: 0px;
    height: 0px;
  }

  &::-webkit-scrollbar-thumb {
    /* 设置滚动条拖动条颜色和圆角 */
    background-color: #cfcfcf;
    border-radius: 5px;

    /* 设置拖动条在hover状态下的样式 */
    &:hover {
      background-color: #aaa;
    }
  }

  &::-webkit-scrollbar-track {
    /* 设置滚动条轨道颜色和圆角 */
    background-color: #eee;
    border-radius: 5px;
  }

  /* 其他浏览器 */
  & {
    scrollbar-width: thin;
    scrollbar-color: #cfcfcf #eee;
  }

  &::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 5px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 5px;

    &:active {
      background-color: #999;
    }
  }

}

body,
html,
#app {
  width: 100%;
  height: 100%;
  background-color: white;
  font-size: 16px;
}


#app {
  width: 100%;
  height: 100%;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}

@media screen and (max-width:1280px) {

  html,
  body {
    width: 1280px;
  }
}